.allContent{
  width:100%;
  display: flex;
  flex-direction:column;
  align-items: center;
  background: white;

}
.contentFlex{
  width:88%;

  /*height:50%;*/
  /*height:200px;*/
  /*background: red;*/
}

.contentBottom{
  width:100%;

  display: flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
  border-bottom:2px solid #e4e1e1;

}
.flexContent{
  width:100%;
  background: #f5f5f5;
  display: flex;
  flex-direction:column;
  align-items: center;
  border-top:2px solid #f5f5f5;
}
.centerContent{
  width:88%;min-height:260px;
  background: white;
  padding-top:20px;

}
.topHeader{
  display: flex;
  height:auto;
  padding-top:10px;
  padding-bottom:10px;
  justify-content: flex-start;
  /*border-bottom:1px solid #bbbbbb;*/
  background: white;
  /*background: red;*/
  /*height:50px;*/
}
.logoImg{
  height: 3em;
  width: 3.5em;
}
.headerLeft{
  display: flex;align-items: center;justify-content: flex-start;
  width:80%;

}
.headerRight{
  display: flex;align-items: center;justify-content: space-around;
  width:20%; font-family: SimHei;
  font-size: 0.85em;
}
.searchInput{
  border:1px solid #108ee9; height:20px;
}
.searchIconBac{
  background: #108ee9;
  display: flex;
  justify-content: center;align-items: center;
  height:23.5px;
  width:21px;

}
.searchIconBac:hover
{
  background-color:#3aabff;
  opacity:0.8;
}
.searchIconBac:active  {background: #108ee9;}
.searchIcon{
  height:21px;
  width:20px;
}
.avateIcon{
  width:18px;
  height:18px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  border:2px solid #108ee9;
}
.typeHeader{
  /*background: white;*/
  display: flex;flex-direction:column;
  justify-content: space-around;
  height:50px;
  width:88%;
  background: white;
  align-self:flex-start;
  /*position: fixed;*/

}
.arrowText{
  display: flex;
  height:30px;
  padding-top:8px;
  cursor: pointer;
  align-self: flex-start;
  background: white;
}
.arrowTextSelf{
  width:88%;
}
.arrowTextSelfWidth{
  width:100%;
}
.headerBac{
  height:auto;
  width:100%;
  display: flex;
  flex-direction:column;
  align-items:center;

}
.headerBacMyCour{
  width:100%;
  height:135px;
  background-image: url("../../assets/headerBacMyCour.png");
}
.headerBacInfo{
  width:88%;
  display: flex;
  align-items: center;
  position: relative;
  z-index:101;
  top:-100px;
  margin-bottom:-65px;
}
.headerAvatar{
  height:65px;
  width:65px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  border:2px solid #118eea;
}
.headerText{
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  padding-left:5px;

}
.headerText div text {
  padding-left:10px;
  font-size:16px;
  font-family:SimHei;
  /*font-weight:bold;*/
  color: white;
}
.headerText text {
  font-size:16px;
  font-family:SimHei;
  /*font-weight:bold;*/
  color: white;
  padding-left:10px;
}
.myCourseTab{
  width:100%;
  flex-direction:column;
  display: flex; background: #f5f5f5;
  align-items: center;

}
.todayTime{
  font-size:16px;
  font-family:SimHei;
  color: #118eea;
}
/*.todayTime text {*/
  /*font-size:16px;*/
  /*font-family:SimHei;*/
  /*color: #118eea;*/
/*}*/
.tabCard{
  width:88%;
  background: white;
}
.tabsOne{
  background: #f5f5f5;
}
.courseContent{
  background: #f5f5f5;
  margin-top:8px;
  min-height:200px;
  width:100%;
  /*border:1px solid blue;*/
}
.contentMar{
  /*margin-top:8px;*/
  width:100%;
  /*border:1px solid red;*/
}
.courseFlex_start{
  width:100%;
  display: flex;
  flex-direction:row;
}
.courseShowContent{
  width:100%;

  display: flex;
  flex-wrap: wrap;
  /*flex-direction:column;*/
  justify-content: flex-start;align-items: center;
}
.courseShowContent :hover{
  /*box-shadow: 0 0 5px #999;*/
  /*border:1px solid #aaaaaa;*/
}

.courseImg{
  height:67%;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;;
  width:100%;
  background: white;
}
.arrowText :hover{
  color: #118ee9;
}
.arrowContent{
  display: flex;align-items: center;height:18px;text-align: center;
}
.arrowRightText{
  width:110%;font-family:Microsoft Yahei;
  color: #434343;
  cursor: pointer;
}
.arrowRightTextBlue{
  width:110%;font-family:Microsoft Yahei;
  color: #118ee9;
}
.arrowRight{
  height:10px;
  width:10px;
}
.arrowRightNone{
  height:10px;
  width:10px;
  display: none;
}
.courseShow{
  display: flex;
  flex-direction:column;
  width:25%;
cursor: pointer;
  padding:2%;
  /*border:1px solid red;*/
  margin-top:15px;
  background: #f5f5f5;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;

}
.courseShow :hover{

}
/*.courseFlex_content{*/
  /*display: flex;*/
  /*flex-direction:column;*/
  /*background: white;*/
/*}*/
.courseText{
  display: flex;
  align-items: center;padding-top:4px;
  font-size: 16px;
  font-family: SimHei;
  background: white;
  /*display: none;*/
}
.coursetext{
  font-family: SimHei;
  font-size:16px;
  padding-top:3px;
  background: white;
  padding-left:2px;
}
.keyTeacher{
  font-family: SimHei;
  font-size:0.8em;
  padding-top:3px;
  padding-left:6px;
  color: #676767;


}
.cashNumContent{
  display: flex;padding-top:3px;
  justify-content: flex-start;
  background: white;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cashNum{
  width:50%;
  display: none;
  font-family: Helvetica,"PingFang SC";
  font-size:14px;
  color: #fc4645;

}
.learnNum{
  font-family: Helvetica,"PingFang SC";
  font-size:14px;width:50%;
  color: #676767;
  text-align: start;
}
.learnNumText{
  font-family: SimHei;
}
.tabsTwo{
  background: white;
}
